import React from 'react'
// 李四的需求: 获取redux的数据,动态渲染li标签,并且要获取用户输入,将用户输入添加到redux数据中
export default function List(props) {
  return (
    <div>
      <input
        type="text"
        onKeyDown={(e) => {
          if (e.key !== 'Enter') return
          props.push(e.target.value)
        }}
      />
      <ul>
        {props.ls.map((item, index) => {
          return <li key={index}>{item}</li>
        })}
      </ul>
    </div>
  )
}
